<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>提示弹窗</title>
    <!-- Jquery -->
    <script type="text/javascript" src="/jquery/1.12.4/jquery.min.js"></script>
    <!-- xhui -->
    <link rel="stylesheet" href="/xhui/css/xhui.css?v=1.003">
    <script type="text/javascript" src="/xhui/js/xhui.js?v=1.014"></script>

    <style type="text/css">
		body { background-color:#f3f4f5;}
		.testBox { width:100%; height:400px; overflow:hidden;}
    </style>
</head>

<body>
    <div class="testBox">
        <a href="javascript:void(0)" id="HrefToast">提示并跳转链接</a>、
    </div>

    <script type="text/javascript">
        $(function () {
            $("#HrefToast").click(function(){

                $.xhToast({
                    msg: '账号登录成功',                        // 提示内容，默认为空（不弹出提示内容，duration失效，直接执行func或跳转）
                    url: "https://www.bing.com",               // 跳转地址
                    target: "self",                            // 跳转方式，默认为self，固定选项（self/top）
                    duration: 3000,                            // 提示显示时间，默认为2000
                    func: function(){                          // 关闭提示前执行事件
                        alert("其他操作");
                    }
                });
            });
        });
    </script>
</body>
</html>